<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小兔子合作款</title>
    <link rel="stylesheet" href="/zoff/css/reset.css">
    <link rel="stylesheet" href="/zoff/css/common.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="/zoff/js/lazyload.js"></script>
</head>
<style>
    .cp {
        width: 100%;
        min-width: 1140px;
    }

    .cp img {
        width: 100%;
        float: left;
    }
</style>

<body>
    <div class="container">
        <!-- 头部 -->
        @include('header')
        <div class="cp">
            <div>
                <img  src="/zoff/image/activity/rabbit/1.png">
            </div>
            <div>
                <img  src="/zoff/image/activity/rabbit/2.png">
            </div>
            <div>
                <img class="lazy" data-original="/zoff/image/activity/rabbit/3.png">
            </div>
            <div>
                <img class="lazy" data-original="/zoff/image/activity/rabbit/4.png">
            </div>
            <div>
                <img class="lazy" data-original="/zoff/image/activity/rabbit/5.png">
            </div>
            <div>
                <img class="lazy" data-original="/zoff/image/activity/rabbit/6.png">
            </div>
            <div>
                <img class="lazy" data-original="/zoff/image/activity/rabbit/7.png">
            </div>


        </div>
        @include('footer')
    </div>
</body>
<script>
    $(function () {
        $("img.lazy").lazyload({
            effect: "fadeIn" ,
            threshold: 200
        });
    });
</script>

</html>
